<!DOCTYPE html>
<html lang="zh-CN" xmlns:v-on="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>打包发布</title>

    <!-- Bootstrap -->
    <link href="lib/bootstrap/css/bootstrap.min.css" rel="stylesheet"/>

    <link href="css/main.css" rel="stylesheet"/>

    <link href="css/pkg-deploy.css" rel="stylesheet"/>

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="container">
        <div class="row">
            <div class="col-md-3 col-md-offset-9">
                <div class="btn-group" id="viewBtnGroup" role="group" aria-label="按钮组">
                    <button type="button" class="btn" @click="showTree">
                        <span class="glyphicon glyphicon-tree-conifer" aria-hidden="true"></span>
                        树形
                    </button>
                    <button type="button" class="btn" @click="showSimple">
                        <span class="glyphicon glyphicon-th-list" aria-hidden="true"></span>
                        简单
                    </button>
                </div>
            </div>
            <div class="col-md-12" id="view">

            </div>
        </div>
    </div>
    <!-- create model -->
    <div class="modal fade" id="createModal"  tabindex="-1" role="dialog" aria-labelledby="createModalLabel">
        <div class="modal-dialog" role="document" >
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="createModalLabel">流程</h4>
                </div>
                <div class="modal-body">

                </div>
                <div class="modal-footer">
                    <button type="button" class="btn" @click="createSave">执行</button>
                    <button type="button" class="btn" data-dismiss="modal">关闭</button>
                </div>
            </div>
        </div>
    </div>

    <!-- jquery -->
    <script src="lib/jquery/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="lib/bootstrap/js/bootstrap.min.js"></script>
    <!--vue-->
    <script src="lib/vue/vue.min.js"></script>
    <!--d3-->
    <script src="lib/d3/d3.min.js"></script>
    <!-- common.js -->
    <script src="js/common.js"></script>

    <script src="js/pkg-deploy.js"></script>
    <script>
        //logic code
        //vue object




    </script>
</body>
</html>